<template>
    <view class="box">
        <view class="amount">支付成功</view>
        <!-- <view>
      <view class="amount">支付失败</view>
      <view class="check">烦请检查设备环境，进行重试！</view>
    </view> -->
        <view class="amount"></view>
        <view class="amount">
            <image class="image" src="../../../static/success.png"></image>
            <!-- <image class="failure" src="../../../static/failure.png"></image> -->
        </view>
        <!-- <view class="contact" @click="contact"> 联系客服 </view> -->
        <view class="confirm" @click="back"> 返回首页 </view>
    </view>
</template>
<script>
    export default {
        data() {
            return {};
        },
        methods: {
            // 联系客服
            contact() {
                uni.makePhoneCall({
                    phoneNumber: "400-8522-400",
                });
            },
            // 返回首页
            back() {
                uni.navigateTo({
                    url: "../../../pages/index/index"
                });
            },
        },
    };
</script>

<style>
    .amount {
        display: flex;
        justify-content: center;
        font-size: 50rpx;
    }

    .check {
        display: flex;
        justify-content: center;
        font-size: 30rpx;
        margin-top: 30rpx;
    }

    .amount1 {
        display: flex;
        justify-content: center;
        font-size: 30rpx;
        padding: 10rpx 0;
    }

    .box {
        margin: 50rpx;
        position: relative;
    }

    .confirm {
        position: absolute;
        width: 100%;
        height: 90rpx;
        bottom: -50%;
        border: 1px solid #c5c3c3;
        font-size: 30rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contact {
        position: absolute;
        width: 100%;
        height: 90rpx;
        bottom: -30%;

        border: 1px solid #c5c3c3;
        font-size: 30rpx;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .image {
        height: 200px;
        width: 200px;
    }

    .failure {
        height: 200px;
        width: 450px;
    }
</style>